<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function randomNum(min, max) {
            return Math.round(Math.random() * (max - min)) + min;
        }

        // 1.通过10进制转换成16进制  （1.只随机一位 2.随机2位）
        // 2.直接随机

        //一、 直接随机16数字
        // var arr = [0,1,2,3,4,5,6,7,8,9,"a","b","c","d","e","f"];
        // var num = arr[ randomNum(0,15)];
        // // console.log(num);
        // setInterval(function(){
        // document.body.style.backgroundColor = "#"+arr[ randomNum(0,15)]+arr[ randomNum(0,15)]+arr[ randomNum(0,15)]+arr[ randomNum(0,15)]+arr[ randomNum(0,15)]+arr[ randomNum(0,15)];

        // },100)
        // 二 转换进制 1个数组
       
        // console.log(num.toString(16));
        // setInterval(function(){
        //     // 保证 随机函数被调用6次随机出6个16进制的数字
        //     // var num = randomNum(0,15);
        //     // console.log("setInterval")
        //     // var colorNum = num.toString(16);
        //     // console.log(colorNum);
        //     document.body.style.backgroundColor = "#"+randomNum(0,15).toString(16)+randomNum(0,15).toString(16)+randomNum(0,15).toString(16)+randomNum(0,15).toString(16)+randomNum(0,15).toString(16)+randomNum(0,15).toString(16);

        // },100)

        // 三随机2位的16进制数组
        function random16(){
             var num = randomNum(0,255).toString(16);  // 0-255 --->0-99
            if(num.length==1){
                num = "0" + num;
            }
            // console.log(num);
        //    console.log(num.toString(16));
            // document.body.style.backgroundColor = "";
            return num;
        }
        setInterval(function(){
           document.body.style.backgroundColor = "#"+random16()+random16()+random16();
        },100)
       




    </script>
</body>
</html>